<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Project Edit</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<link rel="stylesheet" href="../../resources/css/mui.picker.min.css" />
		<link rel="stylesheet" href="../../resources/css/project/add.css">
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/mui.picker.min.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/assets/jquery.cxselect.min.js"></script>
		<script src="../../resources/js/lang/en.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/project/edit.js"></script>
	</head>

	<body ms-controller="editPage">
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title">
				Project Edit
			</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white"></a>
			<a class="mui-icon mui-pull-right mui-icon-white" href="../product/category.html">
				<i class="icon icon_home"></i>
			</a>
		</header>

		<div id="project-edit" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<div class="mui-content-padded">
					<form :validate="@validate"  id="addForm">
						<input type="hidden" value="" id="uid" name="uid"/>
						<input type="hidden" ms-duplex="@pid" id="pid" name="pid"/>
						<div class="mui-row">
							<h5><span langWord="t:My_Project_Name">Project Name</span>:
							<sup>*</sup>
							</h5>
							<div class="mui-input-row">
								<input id="projectName" name="projectName" class="mui-input-clear" type="text" 
									ms-duplex="@projectName" ms-rules="{required: true,maxlength:256}" 
									data-required-message="The project name is required!" 
									data-max-message="The project name must be less than 256 characters long!">
							</div>
						</div>
						<div class="mui-row">
							<h5><span langWord="t:My_Project_End_User">End Customer</span>:
							<sup>*</sup>
							</h5>
							<div class="mui-input-row">
								<input id="endCustomer" name="endCustomer" class="mui-input-clear" type="text" 
									ms-duplex="@endCustomer" ms-rules="{required: true,maxlength:50}" 
									data-required-message="The end customer is required!" 
									data-max-message="The end customer must be less than 50 characters long!">

							</div>
						</div>

						<div id="locations">
							<div class="mui-row">
								<h5>
								<span langWord="t:My_Project_Region">Region</span>:
								<sup>*</sup>
							</h5>
								<div class="mui-input-row">
									<select id="region" name="region" class="mui-select region" 
										ms-duplex="@region" ms-rules="{required: true}" 
										ms-attr="{'data-value': @region}"
										data-required-message="The region is required!">
									<option value="Agriculture">
										Agriculture
									</option>
									</select>
								</div>
							</div>

							<div class="mui-row">
								<h5>
								<span langWord="t:My_Project_Country">Country</span>:
								<sup>*</sup>
							</h5>
								<div class="mui-input-row">
									<select id="country" name="country" class="mui-select country" 
										ms-attr="{'data-value': @country}"
										ms-duplex="@country" ms-rules="{required: true}" 
										data-required-message="The country is required!">
									</select>
								</div>
							</div>

							<div class="mui-row">
								<h5 langWord="t:My_Project_State_Province">
								State/Province
							</h5>
								<div class="mui-input-row">
									<select id="state" name="state" class="mui-select state"
										ms-attr="{'data-value': @state}" ms-duplex="@state"
										></select>
								</div>
							</div>
						</div>

						<div class="mui-row">
							<h5>
								<span langWord="t:My_Project_Industry">Industry</span>
								<sup>*</sup>
							</h5>
							<div class="mui-input-row">
								<select id="industry" name="industry" 
									data-duplex-changed="chooseIndustry"
									ms-duplex="@industry" ms-rules="{required: true}" 
									data-required-message="The industry is required!">
									<option value="">
										Select a industry
									</option>
									<option value="Agriculture">
										Agriculture
									</option>
									<option value="Apparel">
										Apparel
									</option>
									<option value="Banking">
										Banking
									</option>
									<option value="Biotechnology">
										Biotechnology
									</option>
									<option value="Chemicals">
										Chemicals
									</option>
									<option value="Communications">
										Communications
									</option>
									<option value="Construction">
										Construction
									</option>
									<option value="Consulting">
										Consulting
									</option>
									<option value="Education">
										Education
									</option>
									<option value="Electronics">
										Electronics
									</option>
									<option value="Energy">
										Energy
									</option>
									<option value="Engineering">
										Engineering
									</option>
									<option value="Entertainment">
										Entertainment
									</option>
									<option value="Finance">
										Finance
									</option>
									<option value="Food & Beverage">
										Food & Beverage
									</option>
									<option value="Government">
										Government
									</option>
									<option value="Healthcare">
										Healthcare
									</option>
									<option value="Hospitality">
										Hospitality
									</option>
									<option value="Insurance">
										Insurance
									</option>
									<option value="Machinery">
										Machinery
									</option>
									<option value="Manufacturing">
										Manufacturing
									</option>
									<option value="Media">
										Media
									</option>
									<option value="Not For Profit">
										Not For Profit
									</option>
									<option value="Recreation">
										Recreation
									</option>
									<option value="Retail">
										Retail
									</option>
									<option value="Shipping">
										Shipping
									</option>
									<option value="Technology">
										Technology
									</option>
									<option value="Telecommunications">
										Telecommunications
									</option>
									<option value="Transportation">
										Transportation
									</option>
									<option value="Utilities">
										Utilities
									</option>
									<option value="0">
										Others (Pls specify)
									</option>
								</select>
							</div>
						</div>

						<div id="others_industry_el" class="mui-row mui-hidden">
							<h5>
								
							</h5>
							<div class="mui-input-row">
								<input id="others_industry" name="others_industry" type="text" class="mui-input-clear" 
									ms-duplex="@othersIndustry" ms-rules="{othersIndustry:true}">
							</div>
						</div>

						<div class="mui-row">
							<h5>
								Est. Start Date
							</h5>
							<div class="mui-input-row">
								<input id="startTime" name="startTime" ms-duplex="@startTime" type="text" class="mui-input-clear date" readonly="true">
							</div>
						</div>

						<div class="mui-row">
							<h5>
								Est. Close Date
							</h5>
							<div class="mui-input-row">
								<input id="endTime" name="endTime" type="text" ms-duplex="@endTime" class="mui-input-clear date" readonly="true">
							</div>
						</div>
						<div class="mui-row">
							<h5>
								Est. Sales（USD）
							</h5>
							<div class="mui-input-row">
								<input id="estSales" name="estSales" type="text" class="mui-input-clear"
									 ms-duplex="@estSales" ms-rules="{number:true}"
									 data-number-message="The est. sales is not valid!">
							</div>
						</div>

						<div class="mui-row">
							<h5 langWord="t:My_Project_Project_Description">
								Detail Project Description
							</h5>
							<div class="mui-input-row">
								<textarea id="description" name="description" rows="3" 
									ms-duplex="@description" ms-rules="{maxlength:1024}" 
									data-max-message="The detail project description must be  less than 1024 characters long!">
								</textarea>
							</div>
						</div>
						<div class="mui-button-row">
							<button id="save" type="button" :click="@add" class="mui-btn mui-btn-update">
							 <i class="iconSubmit"></i><span langWord="t:User_Center_Save">Save</span>
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>

		<!--底部导航
		<footer class="mui-bar mui-bar-tab footer">
			<a id="defaultTab" data-id="1" class="mui-tab-item" href="../product/category.html">
				<span class="mui-icon icon icon_product"></span>
				<span class="mui-tab-label">Product</span>
			</a>
			<a class="mui-tab-item" href="../solution/category.html">
				<span class="mui-icon icon icon_solution"></span>
				<span class="mui-tab-label">Solution</span>
			</a>
			<a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
				<span class="mui-icon icon icon_partner"></span>
				<span class="mui-tab-label">Partner</span>
			</a>
			<a class="mui-tab-item" href="../user/user.html">
				<span class="mui-icon icon icon_usercenter"></span>
				<span class="mui-tab-label">User Center</span>
			</a>
		</footer>
		-->
		<script type="text/javascript" src="../../resources/assets/mui.date.js"></script>

	</body>

</html>